.imgWH{
    width: 100%;
    height: auto;
    vertical-align: middle;
}
/*按钮*/
.Btn{
          margin-top: 26px;
          text-align: center;
          a{  
              color: #fff;
              display: inline-block;
              padding: 15px 50px;
              box-sizing: border-box;
              background: #5A66F9;
              box-shadow: 0px 8px 20px #b8b9f9;
              transition: all 0.5s;
              border-radius: 5px;
              border: 1px solid #5A66F9;
              &:hover{
                  color: #5A66F9;
                  background: #fff;
              }
          }
      }
//公共标题
.title{
            padding-top: 80px;
            text-align: center;
          h3{
              font-size: 40px;
              color: #333333;
              font-weight: bolder;
          }
          p{  
              line-height: 24px;
              font-size: 16px;
              color: #999999;
              margin-top: 30px;
          }
      }
/*岗位前景*/
.prospect {
    /*头部区域开始*/
    .header {
        .topbar {
            color: #8d8d8d;
            background: #f6f6f6;
            width: 100%;
            height: 35px;
            line-height: 35px;
            font-size: 12px;
            .topbarL {
                float: left;
                a {
                    color: #8d8d8d;
                }
            }
            .topbarR {
                float: right;
            }
        }
        .nav {
            background: #021E81;
            .ul {
                display: flex;
                .li {
                    cursor: pointer;
                    padding: 0 15px;
                    height: 50px;
                    line-height: 50px;
                    transition: all 0.8s;
                    a {
                        color: #fff;
                    }
                }
                .liF {
                    font-weight: bold;
                    background: #414DFE;
                }
                .li:hover {
                    font-weight: bold;
                    background: #414DFE;
                }
            }
        }
         .banner {
            width: 100%;
            .Img {
                width: 100%;
                display: flex;
                flex-direction: column;
                img {
                    width: 100%;
                    height: auto;
                    margin: 0;
                    border: none;
                }
            }
        }
    }
    /*头部区域结束*/
   
   /*box1开始*/
  .box1{
      padding-bottom: 80px;
      background: #F6F6F6;
      ul{
          margin-top: 46px;
          display: grid;
          grid-template-columns:1fr 1fr 1fr 1fr;
          align-items: flex-end;
          grid-gap:0 20px;
          li{
              border-radius: 5px;
              overflow: hidden;
              margin-bottom: 20px;
              img{
                  .imgWH;
              }
          }
          li:nth-child(1){box-shadow: 0px 8px 20px #aee6d3;background:#aee6d3;}
          li:nth-child(2){box-shadow: 0px 8px 20px #f9c1c1;background:#f9c1c1;}
          li:nth-child(3){box-shadow: 0px 8px 20px #9cdeee;background:#9cdeee;}
          li:nth-child(4){box-shadow: 0px 8px 20px #b2c5f9;background:#b2c5f9;}
      }
      
  }
   /*box1结束*/
   
   /*box2开始*/
  .box2{
      .main{
          padding: 40px;
          box-sizing: border-box;
          display: grid;
          grid-template-columns:1fr auto 1fr;
          grid-gap:0 40px;
          align-items: center;
          ul{
              padding-bottom: 20px;
              overflow: hidden;
              border-radius: 5px;
              text-align: center;
              border:1px solid #F6F6F6;
              box-shadow: 0px 8px 20px #e7e7e7; 
              box-shadow: 1px 1px 10px #ddd;
              li{
                  padding: 20px 0;
                  box-sizing: border-box;
                  border-top: 1px solid #F6F6F6;
                  margin: 0 20px;
                  line-height: 28px;
              }
              li:nth-child(1){margin: 0;border: none;}
              li:nth-child(2){
                  font-weight: bold;
                  font-size: 40px;
              }
              
          }
          .L_top{
               color: #fff;
               font-size: 20px;
               font-weight: bold;
          }
          .R_top{
               font-size: 20px;
               font-weight: bold;
          }
          .main_L{
              li:nth-child(1){background: #3469FF;}
              li:nth-child(2){
                  font-weight: 900;
                  font-size: 40px;
                  color: #346AFF;
              }
          }
          .main_C{
              padding:0 40px;
              box-sizing: border-box;
              .li{
                  margin-top: 20px;
                  a{  
                      border-radius: 5px;
                      color: #48D1A3;
                      display: inline-block;
                      padding: 10px 20px;
                      border: 2px solid #48D1A3;
                      box-sizing: border-box;
                  }
              }
          }
          .main_R{
              color: #666666;
              li:nth-child(1){background: #DDD;color: #333333;}
              li:nth-child(2){color: #666666;}
          }
      }
  }
   /*box2结束*/
  
  /*box3开始*/
 .box3{
     position: relative;
     padding-bottom: 40px;
     background: #252B3A;
     .title{
         h3{
             color: #fff;
         }
         p{
             color: #787f8f;
         }
     }
     .after{
         display: block;
         position: absolute;
         bottom: 0;
         left: 50%;
         transform: translate(-50%,100%);
         border: 20px solid transparent;
         border-top-color: #252B3A;
     }
 }
 /*box3结束*/
  
  /*box4开始*/
 .box4{
     .ul{
        display: grid;
        grid-template-columns:1fr 1fr 1fr;
        grid-gap:0 20px;
         li{
            border-radius: 5px;
            overflow: hidden;
            position: relative;
            box-shadow: 0px 8px 20px #e7e7e7; 
            &:hover .Img_B{
                opacity: 1;
            }
            img{
                .imgWH;
            }
            .Img_B{
                display: flex;
                justify-content: center;
                align-items: center;
                position: absolute;
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,0.6);
                bottom: 0;
                left: 0;
                opacity: 0;
                transition: all 0.5s; 
                img{
                    width: 82px;
                    height: 82px;
                }
            }
         }
     }
     .ul1{
         margin-top: 48px;
     }
     .ul2{
            margin-top: 20px;
            grid-template-columns:1fr 1fr 1fr 1fr;
            li .Img_B img{
                width: 60px;
                height: 60px;
            }
        }
 }
   /*box4结束*/
  
  /*box5开始*/
  .box5{
      padding-bottom: 80px;
      .main{
          margin-top: 48px;
          display: grid;
          grid-template-columns:1fr 1fr 1fr;
          grid-gap:0 88px;
          background: #FDFDFD;
          dl{
              background: #fff;
              box-shadow: 0px 8px 60px #f3f3f3;
              margin-bottom: 20px;
              padding-bottom: 50px;
              dt{
                  font-size: 24px;
                  font-weight: bolder;
                  color: white;
                  border-top-left-radius: 4px;
                  border-top-right-radius: 4px;
                  height: 60px;
                  line-height: 60px;
                  text-align: center;
                  margin-bottom: 30px;
                  img{
                    vertical-align: middle
                  }
                  span{
                      vertical-align: middle;
                      margin-left: 10px;
                  }
              }
              dd{ 
                  padding-left: 80px;
                  font-size: 18px;
                  color: #999999;
                  margin-top: 16px;
                  span{
                      display: inline-block;
                      width: 9px;
                      height: 9px;
                      border-radius: 4.5px;
                      background-color: #5dd054;
                      vertical-align: middle;
                      margin-right: 8px;
                      margin-top: -2px;
                  }
              }
          }
           dl:nth-child(1) dt{background: #5DD054;}
           dl:nth-child(2) dt{background: #1D90F5;}
           dl:nth-child(3) dt{background: #586DF5;}
           dl:nth-child(1) dd span{background: #5DD054;}
           dl:nth-child(2) dd span{background: #1D90F5;}
           dl:nth-child(3) dd span{background: #586DF5;}
           
      }
  }
   /*box5结束*/
  
  /*box6开始*/
 .box6{
     padding-bottom: 80px;
     background: url(../img/box6-0.png) no-repeat;
     background-size: 100% 100%;
     .title{
       h3,p{
           color: #fff;
       }  
     }
     .Ul_nav{
         margin: 40px 0;
         display: grid;
         grid-template-columns:180px 180px 180px;
         justify-content: center;
         grid-gap:40px;
         li{
            height: 40px;
            line-height: 40px;
            text-align: center;
            border: 1px solid white;
            border-radius: 40px;
            color: #fff;
            border: 1px solid #fff;
            cursor: pointer;
         }
         .li_after{
             color: #5A66F9;
             background: #fff;
             border: 1px solid #5A66F9;
         }
     }
     .Ul_img{
         margin-bottom: 30px;
         display: grid;
         grid-template-columns:1fr 1fr 1fr;
         grid-gap:15px;
         padding: 15px;
         box-sizing: border-box;
         background: #fff;
         border-radius: 5px;
         li{
             overflow: hidden;
             img{
                 width: 380px;
                 height: 257px;
                 transition: all 0.5s;
             }
         }
         li:hover img{
             transform: scale(1.1);
         }
     }
     .Btn{
         a{
             color: #fff;
             background: #FFB611;
             border-radius: 40px;
             box-shadow: none;
             border: 1px solid #FFB611;
         }
         a:hover{
             color: #FFB611;
             background: none;
         }
     }
 }
   /*box6结束*/
  
  /*box7开始*/
   .box7{
       ul{
           margin-top: 40px;
           padding: 0 90px;
           box-sizing: border-box;
           display: grid;
           grid-template-columns:1fr 1fr 1fr;
           grid-gap:40px 80px;
           li{
               display: grid;
               grid-template-columns:14px 1fr;
               grid-gap:0 40px;
               height: 100px;
               box-shadow: 0px 0px 30px #f0f0f0;
               .li_L{
                   background-color: #ff850a;
                   border-top-left-radius: 8px;
                   border-bottom-left-radius: 8px;
               }
               .li_R{
                   margin-top: 25px;
                   h4{
                       font-size: 20px;
                       color: #333333;
                       margin-bottom: 10px;
                   }
                   span{
                       font-size: 20px;
                       color: #ff850a;
                       font-weight: bolder;
                   }
               }
           }
       }
   }
   /*box7结束*/
  
    /*底部内容开始*/
    .footer {
        overflow: hidden;
        margin-top: 50px;
        background: #276DC3;
        padding-bottom: 100px;
        .nav {
            display: flex;
            .navLi {
                cursor: pointer;
                color: #fff;
                display: inline-block;
                height: 95px;
                line-height: 95px;
                font-size: 20px;
                padding: 0 15px;
                box-sizing: border-box;
            }
            .navLiA {
                background: #FF7403;
            }
        }
        .main {
            padding: 20px 0;
            box-sizing: border-box;
            display: grid;
            grid-template-columns: 715px 1fr;
            .main_left {
                ul li {
                    font-size: 16px;
                    text-align: left;
                    color: #fff;
                    font-weight: 100;
                    line-height: 28px;
                    span {
                        color: #ff7403;
                        font-size: 26px;
                    }
                }
            }
            .main_right {
                padding-left: 20px;
                display: grid;
                grid-template-columns: 1fr 1fr 1fr;
                .box {
                    text-align: center;
                    font-size: 14px;
                    color: #fff;
                    .img {
                        margin: 0 auto;
                        width: 120px;
                        height: 120px;
                        padding: 3px;
                        box-sizing: border-box;
                        margin-bottom: 20px;
                        background: #fff;
                        img {
                            width: 100%;
                            height: auto;
                        }
                    }
                }
            }
        }
    }
    /*底部内容结束*/
}
/*广告开始*/
.ad{
    width: 100%;
    position: fixed;
    bottom: -1px;
    left: 0;
    .BigPicture{
        width: 100%;
        img{
            width: 100%;
            height: auto;
        }
    }
    /*咨询*/
    .consult{
        position: absolute;
        right: 25%;
        top: 30%;
        animation: consult 1.5s linear infinite ;
        transform: scale(0.9);
    }
    @keyframes consult{
        0%,100%{transform: scale(0.9);}
        50%{transform: scale(0.8);}
        
    }
    /*关闭*/
    .close_btn{
        position: absolute;
        right: 15%;
        top: 0;
        border-radius: 50%;
        z-index: 99;
        cursor: pointer;
        span{  
            border: 2px solid #F66A00;
            font-size: 30px;
            color: #fff;
            display: block;
            width: 40px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            border-radius: 50%;
            background: #FE7300;
            
        }
    }
}
/*广告结束*/
